<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Subway China | 赛百味中国</title>
		<link rel="stylesheet" type="text/css" href="../../css/home.css" />
		<link rel="stylesheet" type="text/css" href="../../css/swiper.min.css" />
		<script src="../../JS/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../JS/swiper.min.js" type="text/javascript" charset="utf-8"></script>

	</head>

	<body>
		<div id="box">

			<header id="head">

				<a class="logo" href="../../src/homePage/home-index.html"></a>

				<div class="language">
					<span id="toChina">中国</span>

					<select class="chanceLanguage">
						<option value="">Select Language</option>
						<option value="">English</option>
						<option value="">Chinese</option>
					</select>
					|
					<a href="http://www.subway.com/nogeo">进入全球官网</a>
				</div>

				<div class="menu">
					<ul>
						<li>
							<a href="../../src/news/new-index.html">新闻动态</a>
						</li>
						<li>
							<a id="food" href="../../src/food&health/food&health-index.html">美食与营养</a>
						</li>
						<li>
							<a href="../../src/join/joinUs-index.html">加盟流程</a>
						</li>
						<li>
							<a href="../../src/aboutUs/aboutUs-index.html">关于我们</a>
						</li>
						<li>
							<a href="###" id="address">快餐店位置查询</a>
						</li>
					</ul>
				</div>

				<div id="topMenu">
					<ul>
						<li>
							<a href="###">超值 Value</a>
						</li>
						<li>
							<a href="###">经典 ClassIcs</a>
						</li>
						<li>
							<a href="###">精选 Premulum</a>
						</li>
						<li>
							<a href="###">低脂 Low Fat</a>
						</li>
						<li>
							<a href="###">百味卷 Wrap</a>
						</li>
						<li>
							<a href="###">沙拉 Salad</a>
						</li>
						<li>
							<a href="###">聚餐服务 Catering</a>
						</li>
						<li>
							<a href="###">饮食和小食 Drinks & Sides</a>
						</li>
						<li>
							<a href="###">早餐 BREAKFAST</a>
						</li>
						<li>
							<a href="###">营养 Nutrition</a>
						</li>
						<li>
							<a href="###">如何点餐 How To Order</a>
						</li>

					</ul>
				</div>

			</header>

			<div id="middle">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div id="swImg1" class="swiper-slide" style="background-image: url(../../img/image/lunbo2.png)"></div>
						<div id="swImg2" class="swiper-slide" style="background-image: url(../../img/image/lunbo1.jpg)"></div>
					</div>
					<div class="swiper-button-prev swiper-button-white"></div>
					<div class="swiper-button-next swiper-button-white"></div>
				</div>

				<div id="middle_left">
					<img src="../../img/image/pic1.jpg" />
					<img src="../../img/image/tbg1.png">
					<img src="../../img/image/t1.png">
					<img src="../../img/image/w1.png" />

				</div>

			</div>

			<footer id="foot">
				<div class="swp_left">
					<a href="../../src/postion/postion-index.html"><img class="img1" src="../../img/image/home-box-1_CN.jpg" /></a>
					<a href="../../src/food&health/food&health-index.html"><img class="img2" src="../../img/image/home-box-2_CN.jpg" /></a>
					<a href="../../src/news/new-index.html"><img class="img3" src="../../img/image/home-box-3_CN.jpg" /></a>
				</div>
				<div class="swp_right">
					<a href=""><img class="img4" src="../../img/image/weibo_CN.jpg" /></a>
					<img class="code" src="../../img/image/code.png" />
					<a href=""><img class="img5" src="../../img/image/weixin_CN.jpg" /></a>
				</div>
				<br />

				<div class="swp_text">
					<p>
						<a href="#">主页</a>|
						<a href="###">菜单/营养</a>|
						<a href="###">如何加盟</a>|
						<a href="###">关于我们</a>|
						<a href="###">快餐店位置查询</a>
					</p>
					<p>
						<a href="###">联系我们</a>|
						<a href="###">使用条款</a>|
						<a href="###">隐私权政策</a>|
						<a href="###">SUBWAY Partners™</a>
					</p>
				</div>

				<div class="swp_foot">
					<p>SUBWAY® is a Registered Trademark of Subway IP Inc.
						<br /> ®2016 Subway IP Inc.</p>
				</div>
			</footer>
		</div>
		<script src="../../JS/home.js" type="text/javascript"></script>
		<script>
			//第一个动画
			var mySwiper = new Swiper('.swiper-container', {
					autoplay: 5000,
					paginationType: 'bullets',
					loop: true,
					paginationClickable: true,
					effect: 'fade',
					prevButton: '.swiper-button-prev',
					nextButton: '.swiper-button-next',
				})
				//左大图点击事件
			$("#swImg1").on("click", function() {
				console.log(123);
				window.open("http://www.subway.com.cn/images/uploadImg/2016040117224114977a.png");
			})
			$("#swImg2").on("click", function() {
				console.log(123);
				window.open("http://www.subway.com.cn/images/uploadImg/201612191444322d3b38.jpg");
			})
		</script>

	</body>

</html>